<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>QQ音乐</title>
    <link rel="icon" href="img/ico.png" type="image/x-icon">
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="css/iconfont.css">
    <link rel="stylesheet" href="css/swiper-bundle.css">
</head>
<body>
<div class="mod_header">
    <div class="section_inner">
        <h1 class="qqmusic_title">
            <a href="//y.qq.com">
                <img  src="img/logo.png" alt="QQ音乐" class="qqmusic_logo">
            </a>
        </h1>
        <ul class="mod_top_nav">
            <li class="top_nav_item">
                <a href="//.qq.com" class="top_nav_link current">音乐馆</a>
            </li>
            <li class="top_nav_item">
                <a href="/portal/profile.html" class="top_nav_link">我的音乐</a>
            </li>
            <li class="top_nav_item client">
                <a href="//y.qq.com/download/index.html" class="top_nav_link" rel="noopener" target="_blank">客户端</a>
                <img src="http://y.gtimg.cn/mediastyle/yqq/extra/mark_1.png" class="top_nav_mark">
                <div class="popup_data_detail">
                    <div class="popup_data_detail_cont">
                        <p>
                            <i class="client_icon hq"></i>HQ高品质 全员开启
                        </p>
                        <p>
                            <i class="client_icon dts"></i>独家音效 全面升级
                        </p>
                        <p>
                            <i class="client_icon skin"></i>轻盈视觉 动态皮肤
                        </p>
                        <a href="javascript:;" class="client_btn">下载体验</a>
                    </div>
                </div>
            </li>
            <li class="top_nav_item">
                <a href="//y.qq.com/artists" data-stat="y_new.top.artists" class="top_nav_link" rel="noopener" target="_blank">开放平台</a>
            </li>
            <li class="top_nav_item">
                <a href="//y.qq.com/portal/vipportal/index.html" class="top_nav_link" rel="noopener" target="_blank">VIP</a>
            </li>
        </ul>
        <ul class="mod_top_subnav">
            <li class="top_subnav_item">
                <a href="//y.qq.com" class="top_subnav_link  current">首页</a>
            </li>
            <li class="top_subnav_item">
                <a href="//y.qq.com" class="top_subnav_link">歌手</a>
            </li>
            <li class="top_subnav_item">
                <a href="//y.qq.com" class="top_subnav_link">新碟</a>
            </li>
            <li class="top_subnav_item">
                <a href="//y.qq.com" class="top_subnav_link">排行榜</a>
            </li>
            <li class="top_subnav_item">
                <a href="//y.qq.com" class="top_subnav_link">分类歌单</a>
            </li>
            <li class="top_subnav_item">
                <a href="//y.qq.com" class="top_subnav_link">电台</a>
            </li>
            <li class="top_subnav_item">
                <a href="//y.qq.com" class="top_subnav_link">MV</a>
            </li>
            <li class="top_subnav_item">
                <a href="//y.qq.com" class="top_subnav_link">数字专辑</a>
            </li>
            <li class="top_subnav_item">
                <a href="//y.qq.com" class="top_subnav_link">票务</a>
            </li>
        </ul>
        <div class="mod_top_search">
            <div class="mod_search_input">
                <input class="search_input_input" id="input" aria-label="请输入搜索内容" type="text" placeholder="搜索音乐、MV、歌单、用户">
                <div class="mod_search_other">
                    <div class="search_hot">
                        <dl>
                            <dt class="search_hot_tit">热门搜索</dt>
                            <dd>
                                <a href="javascript:;" class="search_hot_link">
                                    <span class="search_hot_number">1</span>
                                    <span class="search_hot_name">我们的歌</span>
                                    <span class="search_hot_listen">76.6万</span>
                                </a>
                                <a href="javascript:;" class="search_hot_link">
                                    <span class="search_hot_number">2</span>
                                    <span class="search_hot_name">冰雪奇缘</span>
                                    <span class="search_hot_listen">58.7万</span>
                                </a>
                                <a href="javascript:;" class="search_hot_link">
                                    <span class="search_hot_number">3</span>
                                    <span class="search_hot_name">张杰</span>
                                    <span class="search_hot_listen">32.4万</span>
                                </a>
                                <a href="javascript:;" class="search_hot_link">
                                    <span class="search_hot_number">4</span>
                                    <span class="search_hot_name">桥边姑娘</span>
                                    <span class="search_hot_listen">28.8万</span>
                                </a>
                                <a href="javascript:;" class="search_hot_link">
                                    <span class="search_hot_number">5</span>
                                    <span class="search_hot_name">星辰大海</span>
                                    <span class="search_hot_listen">20.3万</span>
                                </a>
                            </dd>
                        </dl>
                    </div>
                    <div class="search_history">
                        <dl>
                            <dt class="search_history_tit">搜索历史
                                <a href="javascript:;" class="search_history_clear">
                                    <i class="iconfont icon-delete"></i>
                                </a>
                            </dt>
                            <dd class="search_history_item">
                                <a href="javascript:;" class="search_hot_link">腾讯音乐盛典</a>
                            </dd>
                        </dl>
                    </div>
                </div>
                <button class="search_input_btn">
                    <i class="iconfont icon-search"></i>
                </button>
            </div>
        </div>
        <div class="header_opt">
            <span class="mod_top_login">
                <a href="javascript:;" class="top_login_link">登录</a>
                <a href="javascript:;" class="mod_btn_green top_login_btn">开通绿钻豪华版</a>
                <a href="javascript:;" class="mod_btn top_login_btn">开通付费包</a>
            </span>
        </div>
    </div>
</div>

<div class="mod_index mod_index_hot mod_bg">
    <div class="section_inner">
        <div class="index_hd">
            <h2 class="index_tit"><i class="icon_txt">歌单推荐</i></h2>
        </div>
        <div class="mod_index_tab">
            <a href="javascript:;" class="index_tab_item current">为你推荐</a>
            <a href="javascript:;" class="index_tab_item">网络歌曲</a>
            <a href="javascript:;" class="index_tab_item">经典</a>
            <a href="javascript:;" class="index_tab_item">九月推荐</a>
            <a href="javascript:;" class="index_tab_item">官方歌单</a>
            <a href="javascript:;" class="index_tab_item">情歌</a>
        </div>
        <div class="mod_playlist mod_slide swiper-container">
            <ul class="playlist swiper-wrapper">
                <li class="playlist_item swiper-slide">
                    <div class="playlist_item_box">
                        <div class="playlist_cover mod_cover">
                            <a href="javascript:;">
                                <img src="img/index_hot/1.png" width="224px" height="224px" class="playlist_pic" alt="">
                                <i class="mod_cover_mask"></i>
                                <i class="mod_cover_icon_play"></i>
                            </a>
                        </div>
                        <h4 class="playlist_title">
                            <span class="playlist_title_txt">
                                <a href="javascript:;">优质翻唱：将温柔集于一身</a>
                            </span>
                        </h4>
                        <div class="playlist_other">播放量：2414.3万</div>
                    </div>
                </li>
                <li class="playlist_item swiper-slide">
                    <div class="playlist_item_box">
                        <div class="playlist_cover mod_cover">
                            <a href="javascript:;">
                                <img src="img/index_hot/2.png" width="224px" height="224px" class="playlist_pic" alt="">
                                <i class="mod_cover_mask"></i>
                                <i class="mod_cover_icon_play"></i>
                            </a>
                        </div>
                        <h4 class="playlist_title">
                            <span class="playlist_title_txt">
                                <a href="javascript:;">温柔系男友：你是我的宇宙呐</a>
                            </span>
                        </h4>
                        <div class="playlist_other">播放量：60.0万</div>
                    </div>
                </li>
                <li class="playlist_item swiper-slide">
                    <div class="playlist_item_box">
                        <div class="playlist_cover mod_cover">
                            <a href="javascript:;">
                                <img src="img/index_hot/3.png" width="224px" height="224px" class="playlist_pic" alt="">
                                <i class="mod_cover_mask"></i>
                                <i class="mod_cover_icon_play"></i>
                            </a>
                        </div>
                        <h4 class="playlist_title">
                            <span class="playlist_title_txt">
                                <a href="javascript:;">失恋解忧馆丨闭眼睛，慢慢聆听</a>
                            </span>
                        </h4>
                        <div class="playlist_other">播放量：83.4万</div>
                    </div>
                </li>
                <li class="playlist_item swiper-slide">
                    <div class="playlist_item_box">
                        <div class="playlist_cover mod_cover">
                            <a href="javascript:;">
                                <img src="img/index_hot/4.png" width="224px" height="224px" class="playlist_pic" alt="">
                                <i class="mod_cover_mask"></i>
                                <i class="mod_cover_icon_play"></i>
                            </a>
                        </div>
                        <h4 class="playlist_title">
                            <span class="playlist_title_txt">
                                <a href="javascript:;">大壮·用声音传递故事</a>
                            </span>
                        </h4>
                        <div class="playlist_other">播放量：73.1万</div>
                    </div>
                </li>
                <li class="playlist_item swiper-slide">
                    <div class="playlist_item_box">
                        <div class="playlist_cover mod_cover">
                            <a href="javascript:;">
                                <img src="img/index_hot/5.png" width="224px" height="224px" class="playlist_pic" alt="">
                                <i class="mod_cover_mask"></i>
                                <i class="mod_cover_icon_play"></i>
                            </a>
                        </div>
                        <h4 class="playlist_title">
                            <span class="playlist_title_txt">
                                <a href="javascript:;">精选欧美播放量最高音乐Top100</a>
                            </span>
                        </h4>
                        <div class="playlist_other">播放量：791.3万</div>
                    </div>
                </li>
                <li class="playlist_item swiper-slide">
                    <div class="playlist_item_box">
                        <div class="playlist_cover mod_cover">
                            <a href="javascript:;">
                                <img src="img/index_hot/6.png" width="224px" height="224px" class="playlist_pic" alt="">
                                <i class="mod_cover_mask"></i>
                                <i class="mod_cover_icon_play"></i>
                            </a>
                        </div>
                        <h4 class="playlist_title">
                            <span class="playlist_title_txt">
                                <a href="javascript:;">站内评论999+戏腔歌曲精选</a>
                            </span>
                        </h4>
                        <div class="playlist_other">播放量：305.0万</div>
                    </div>
                </li>
                <li class="playlist_item swiper-slide">
                    <div class="playlist_item_box">
                        <div class="playlist_cover mod_cover">
                            <a href="javascript:;">
                                <img src="img/index_hot/7.png" width="224px" height="224px" class="playlist_pic" alt="">
                                <i class="mod_cover_mask"></i>
                                <i class="mod_cover_icon_play"></i>
                            </a>
                        </div>
                        <h4 class="playlist_title">
                            <span class="playlist_title_txt">
                                <a href="javascript:;">热度爆表，快手最火中文歌</a>
                            </span>
                        </h4>
                        <div class="playlist_other">播放量：20916.1万</div>
                    </div>
                </li>
                <li class="playlist_item swiper-slide">
                    <div class="playlist_item_box">
                        <div class="playlist_cover mod_cover">
                            <a href="javascript:;">
                                <img src="img/index_hot/8.png" width="224px" height="224px" class="playlist_pic" alt="">
                                <i class="mod_cover_mask"></i>
                                <i class="mod_cover_icon_play"></i>
                            </a>
                        </div>
                        <h4 class="playlist_title">
                            <span class="playlist_title_txt">
                                <a href="javascript:;">刚柔并济|国风与电子乐的邂逅</a>
                            </span>
                        </h4>
                        <div class="playlist_other">播放量：1140.6万</div>
                    </div>
                </li>
                <li class="playlist_item swiper-slide">
                    <div class="playlist_item_box">
                        <div class="playlist_cover mod_cover">
                            <a href="javascript:;">
                                <img src="img/index_hot/9.png" width="224px" height="224px" class="playlist_pic" alt="">
                                <i class="mod_cover_mask"></i>
                                <i class="mod_cover_icon_play"></i>
                            </a>
                        </div>
                        <h4 class="playlist_title">
                            <span class="playlist_title_txt">
                                <a href="javascript:;">【100首精选】温柔岁月的粤语歌</a>
                            </span>
                        </h4>
                        <div class="playlist_other">播放量：1009.7万</div>
                    </div>
                </li>
                <li class="playlist_item swiper-slide">
                    <div class="playlist_item_box">
                        <div class="playlist_cover mod_cover">
                            <a href="javascript:;">
                                <img src="img/index_hot/10.png" width="224px" height="224px" class="playlist_pic" alt="">
                                <i class="mod_cover_mask"></i>
                                <i class="mod_cover_icon_play"></i>
                            </a>
                        </div>
                        <h4 class="playlist_title">
                            <span class="playlist_title_txt">
                                <a href="javascript:;">王者BGM：节奏带感，瞬间飞起</a>
                            </span>
                        </h4>
                        <div class="playlist_other">播放量：1778.7万</div>
                    </div>
                </li>
            </ul>
        </div>
        <div class="slide_switch">
            <div class="swiper-pagination"></div>
        </div>
    </div>
    <div class="nav_btn">
        <div class="swiper-button-prev"></div>
        <div class="swiper-button-next"></div>
    </div>
</div>

<div class="mod_index mod_index_song mod_bg">
    <div class="section_inner swiper-container-song">
        <div class="index_hd">
            <h2 class="index_tit"><i class="icon_txt">新歌首发</i></h2>
        </div>
        <a href="javascript:;" class="mod_btn">
            <i class="mod_btn_icon_play iconfont icon-play-filling"></i>播放全部
        </a>
        <div class="mod_index_tab">
            <a href="javascript:;" class="index_tab_item current">最新</a>
            <a href="javascript:;" class="index_tab_item">内地</a>
            <a href="javascript:;" class="index_tab_item">港台</a>
            <a href="javascript:;" class="index_tab_item">欧美</a>
            <a href="javascript:;" class="index_tab_item">韩国</a>
            <a href="javascript:;" class="index_tab_item">日本</a>
        </div>
        <div class="mod_songlist mod_slide swiper-wrapper" style="width: fit-content">
            <ul class="songlist swiper-slide">
                <li class="songlist_item">
                    <div class="songlist_item_box">
                        <a href="javascript:;" class="songlist_link mod_cover">
                            <img src="img/index_song/1.png" class="songlist_pic" alt="">
                            <i class="mod_cover_mask"></i>
                            <i class="mod_cover_icon_play"></i>
                        </a>
                        <div class="songlist_cont">
                            <h3 class="songlist_song">
                                <a href="javascript:;">I&credible</a>
                            </h3>
                            <p class="songlist_author">
                                <a href="javascript:;" class="singer">I-LAND</a>
                            </p>
                        </div>
                        <div class="songlist_time">03:44</div>
                    </div>
                </li>
                <li class="songlist_item">
                    <div class="songlist_item_box">
                        <a href="javascript:;" class="songlist_link mod_cover">
                            <img src="img/index_song/2.png" class="songlist_pic" alt="">
                            <i class="mod_cover_mask"></i>
                            <i class="mod_cover_icon_play"></i>
                        </a>
                        <div class="songlist_cont">
                            <h3 class="songlist_song">
                                <a href="javascript:;">黄河谣</a>
                            </h3>
                            <p class="songlist_author">
                                <a href="javascript:;" class="singer">野孩子</a>
                            </p>
                        </div>
                        <div class="songlist_time">03:40</div>
                    </div>
                </li>
                <li class="songlist_item">
                    <div class="songlist_item_box">
                        <a href="javascript:;" class="songlist_link mod_cover">
                            <img src="img/index_song/3.png" class="songlist_pic" alt="">
                            <i class="mod_cover_mask"></i>
                            <i class="mod_cover_icon_play"></i>
                        </a>
                        <div class="songlist_cont">
                            <h3 class="songlist_song">
                                <a href="javascript:;">The Old Wine</a>
                            </h3>
                            <p class="songlist_author">
                                <a href="javascript:;" class="singer">艾福杰尼</a>
                            </p>
                        </div>
                        <div class="songlist_time">04:32</div>
                    </div>
                </li>
            </ul>
            <ul class="songlist swiper-slide">
                <li class="songlist_item">
                    <div class="songlist_item_box">
                        <a href="javascript:;" class="songlist_link mod_cover">
                            <img src="img/index_song/4.png" class="songlist_pic" alt="">
                            <i class="mod_cover_mask"></i>
                            <i class="mod_cover_icon_play"></i>
                        </a>
                        <div class="songlist_cont">
                            <h3 class="songlist_song">
                                <a href="javascript:;">剑歌行《剑侠情缘2》</a>
                            </h3>
                            <p class="songlist_author">
                                <a href="javascript:;" class="singer">毛不易</a>
                            </p>
                        </div>
                        <div class="songlist_time">04:06</div>
                    </div>
                </li>
                <li class="songlist_item">
                    <div class="songlist_item_box">
                        <a href="javascript:;" class="songlist_link mod_cover">
                            <img src="img/index_song/5.png" class="songlist_pic" alt="">
                            <i class="mod_cover_mask"></i>
                            <i class="mod_cover_icon_play"></i>
                        </a>
                        <div class="songlist_cont">
                            <h3 class="songlist_song">
                                <a href="javascript:;">伴侣2020</a>
                            </h3>
                            <p class="songlist_author">
                                <a href="javascript:;" class="singer">罗大佑</a>
                            </p>
                        </div>
                        <div class="songlist_time">03:45</div>
                    </div>
                </li>
                <li class="songlist_item">
                    <div class="songlist_item_box">
                        <a href="javascript:;" class="songlist_link mod_cover">
                            <img src="img/index_song/6.png" class="songlist_pic" alt="">
                            <i class="mod_cover_mask"></i>
                            <i class="mod_cover_icon_play"></i>
                        </a>
                        <div class="songlist_cont">
                            <h3 class="songlist_song">
                                <a href="javascript:;">夕阳醉了</a>
                            </h3>
                            <p class="songlist_author">
                                <a href="javascript:;" class="singer">于文文</a>
                            </p>
                        </div>
                        <div class="songlist_time">04:32</div>
                    </div>
                </li>
            </ul>
            <ul class="songlist swiper-slide">
                <li class="songlist_item">
                    <div class="songlist_item_box">
                        <a href="javascript:;" class="songlist_link mod_cover">
                            <img src="img/index_song/7.png" class="songlist_pic" alt="">
                            <i class="mod_cover_mask"></i>
                            <i class="mod_cover_icon_play"></i>
                        </a>
                        <div class="songlist_cont">
                            <h3 class="songlist_song">
                                <a href="javascript:;">微光海洋</a>
                            </h3>
                            <p class="songlist_author">
                                <a href="javascript:;" class="singer">周深</a>
                            </p>
                        </div>
                        <div class="songlist_time">03:58</div>
                    </div>
                </li>
                <li class="songlist_item">
                    <div class="songlist_item_box">
                        <a href="javascript:;" class="songlist_link mod_cover">
                            <img src="img/index_song/8.png" class="songlist_pic" alt="">
                            <i class="mod_cover_mask"></i>
                            <i class="mod_cover_icon_play"></i>
                        </a>
                        <div class="songlist_cont">
                            <h3 class="songlist_song">
                                <a href="javascript:;">蓝沫</a>
                            </h3>
                            <p class="songlist_author">
                                <a href="javascript:;" class="singer">aZI / Li Howcy / li milk</a>
                            </p>
                        </div>
                        <div class="songlist_time">02:32</div>
                    </div>
                </li>
                <li class="songlist_item">
                    <div class="songlist_item_box">
                        <a href="javascript:;" class="songlist_link mod_cover">
                            <img src="img/index_song/9.png" class="songlist_pic" alt="">
                            <i class="mod_cover_mask"></i>
                            <i class="mod_cover_icon_play"></i>
                        </a>
                        <div class="songlist_cont">
                            <h3 class="songlist_song">
                                <a href="javascript:;">都挺好</a>
                            </h3>
                            <p class="songlist_author">
                                <a href="javascript:;" class="singer">江静</a>
                            </p>
                        </div>
                        <div class="songlist_time">04:44</div>
                    </div>
                </li>
            </ul>
            <ul class="songlist swiper-slide">
                <li class="songlist_item">
                    <div class="songlist_item_box">
                        <a href="javascript:;" class="songlist_link mod_cover">
                            <img src="img/index_song/4.png" class="songlist_pic" alt="">
                            <i class="mod_cover_mask"></i>
                            <i class="mod_cover_icon_play"></i>
                        </a>
                        <div class="songlist_cont">
                            <h3 class="songlist_song">
                                <a href="javascript:;">剑歌行《剑侠情缘2》</a>
                            </h3>
                            <p class="songlist_author">
                                <a href="javascript:;" class="singer">毛不易</a>
                            </p>
                        </div>
                        <div class="songlist_time">04:06</div>
                    </div>
                </li>
                <li class="songlist_item">
                    <div class="songlist_item_box">
                        <a href="javascript:;" class="songlist_link mod_cover">
                            <img src="img/index_song/5.png" class="songlist_pic" alt="">
                            <i class="mod_cover_mask"></i>
                            <i class="mod_cover_icon_play"></i>
                        </a>
                        <div class="songlist_cont">
                            <h3 class="songlist_song">
                                <a href="javascript:;">伴侣2020</a>
                            </h3>
                            <p class="songlist_author">
                                <a href="javascript:;" class="singer">罗大佑</a>
                            </p>
                        </div>
                        <div class="songlist_time">03:45</div>
                    </div>
                </li>
                <li class="songlist_item">
                    <div class="songlist_item_box">
                        <a href="javascript:;" class="songlist_link mod_cover">
                            <img src="img/index_song/6.png" class="songlist_pic" alt="">
                            <i class="mod_cover_mask"></i>
                            <i class="mod_cover_icon_play"></i>
                        </a>
                        <div class="songlist_cont">
                            <h3 class="songlist_song">
                                <a href="javascript:;">夕阳醉了</a>
                            </h3>
                            <p class="songlist_author">
                                <a href="javascript:;" class="singer">于文文</a>
                            </p>
                        </div>
                        <div class="songlist_time">04:32</div>
                    </div>
                </li>
            </ul>
            <ul class="songlist swiper-slide">
                <li class="songlist_item">
                    <div class="songlist_item_box">
                        <a href="javascript:;" class="songlist_link mod_cover">
                            <img src="img/index_song/7.png" class="songlist_pic" alt="">
                            <i class="mod_cover_mask"></i>
                            <i class="mod_cover_icon_play"></i>
                        </a>
                        <div class="songlist_cont">
                            <h3 class="songlist_song">
                                <a href="javascript:;">微光海洋</a>
                            </h3>
                            <p class="songlist_author">
                                <a href="javascript:;" class="singer">周深</a>
                            </p>
                        </div>
                        <div class="songlist_time">03:58</div>
                    </div>
                </li>
                <li class="songlist_item">
                    <div class="songlist_item_box">
                        <a href="javascript:;" class="songlist_link mod_cover">
                            <img src="img/index_song/8.png" class="songlist_pic" alt="">
                            <i class="mod_cover_mask"></i>
                            <i class="mod_cover_icon_play"></i>
                        </a>
                        <div class="songlist_cont">
                            <h3 class="songlist_song">
                                <a href="javascript:;">蓝沫</a>
                            </h3>
                            <p class="songlist_author">
                                <a href="javascript:;" class="singer">aZI / Li Howcy / li milk</a>
                            </p>
                        </div>
                        <div class="songlist_time">02:32</div>
                    </div>
                </li>
                <li class="songlist_item">
                    <div class="songlist_item_box">
                        <a href="javascript:;" class="songlist_link mod_cover">
                            <img src="img/index_song/9.png" class="songlist_pic" alt="">
                            <i class="mod_cover_mask"></i>
                            <i class="mod_cover_icon_play"></i>
                        </a>
                        <div class="songlist_cont">
                            <h3 class="songlist_song">
                                <a href="javascript:;">都挺好</a>
                            </h3>
                            <p class="songlist_author">
                                <a href="javascript:;" class="singer">江静</a>
                            </p>
                        </div>
                        <div class="songlist_time">04:44</div>
                    </div>
                </li>
            </ul>
            <ul class="songlist swiper-slide">
                <li class="songlist_item">
                    <div class="songlist_item_box">
                        <a href="javascript:;" class="songlist_link mod_cover">
                            <img src="img/index_song/1.png" class="songlist_pic" alt="">
                            <i class="mod_cover_mask"></i>
                            <i class="mod_cover_icon_play"></i>
                        </a>
                        <div class="songlist_cont">
                            <h3 class="songlist_song">
                                <a href="javascript:;">I&credible</a>
                            </h3>
                            <p class="songlist_author">
                                <a href="javascript:;" class="singer">I-LAND</a>
                            </p>
                        </div>
                        <div class="songlist_time">03:44</div>
                    </div>
                </li>
                <li class="songlist_item">
                    <div class="songlist_item_box">
                        <a href="javascript:;" class="songlist_link mod_cover">
                            <img src="img/index_song/2.png" class="songlist_pic" alt="">
                            <i class="mod_cover_mask"></i>
                            <i class="mod_cover_icon_play"></i>
                        </a>
                        <div class="songlist_cont">
                            <h3 class="songlist_song">
                                <a href="javascript:;">黄河谣</a>
                            </h3>
                            <p class="songlist_author">
                                <a href="javascript:;" class="singer">野孩子</a>
                            </p>
                        </div>
                        <div class="songlist_time">03:40</div>
                    </div>
                </li>
                <li class="songlist_item">
                    <div class="songlist_item_box">
                        <a href="javascript:;" class="songlist_link mod_cover">
                            <img src="img/index_song/3.png" class="songlist_pic" alt="">
                            <i class="mod_cover_mask"></i>
                            <i class="mod_cover_icon_play"></i>
                        </a>
                        <div class="songlist_cont">
                            <h3 class="songlist_song">
                                <a href="javascript:;">The Old Wine</a>
                            </h3>
                            <p class="songlist_author">
                                <a href="javascript:;" class="singer">艾福杰尼</a>
                            </p>
                        </div>
                        <div class="songlist_time">04:32</div>
                    </div>
                </li>
            </ul>
        </div>
        <div class="slide_switch">
            <div class="swiper-pagination-s"></div>
        </div>
    </div>
    <div class="nav_btn">
        <div class="swiper-button-prev"></div>
        <div class="swiper-button-next"></div>
    </div>
</div>

<div class="mod_index mod_index_event mod_bg">
    <div class="section_inner">
        <div class="index_hd">
            <h2 class="index_tit"><i class="icon_txt">精彩推荐</i></h2>
        </div>
        <div class="mod_event mod_slide swiper-container-event">
            <ul class="event_list swiper-wrapper">
                <li class="event_list_item swiper-slide">
                    <a href="javascript:;" class="event_list_link">
                        <img src="img/index_event/1.png" class="event_list_pic" alt="">
                    </a>
                </li>
                <li class="event_list_item swiper-slide">
                    <a href="javascript:;" class="event_list_link">
                        <img src="img/index_event/2.png" class="event_list_pic" alt="">
                    </a>
                </li>
                <li class="event_list_item swiper-slide">
                    <a href="javascript:;" class="event_list_link">
                        <img src="img/index_event/3.png" class="event_list_pic" alt="">
                    </a>
                </li>
                <li class="event_list_item swiper-slide">
                    <a href="javascript:;" class="event_list_link">
                        <img src="img/index_event/4.png" class="event_list_pic" alt="">
                    </a>
                </li>
            </ul>
        </div>
        <div class="slide_switch">
            <div class="swiper-pagination-e"></div>
        </div>
    </div>
    <div class="nav_btn">
        <div class="swiper-button-prev"></div>
        <div class="swiper-button-next"></div>
    </div>
</div>

<div class="mod_index mod_index_album mod_bg">
    <div class="section_inner">
        <div class="index_hd">
            <h2 class="index_tit"><i class="icon_txt">新碟首发</i></h2>
        </div>
        <div class="mod_index_tab">
            <a href="javascript:;" class="index_tab_item current">内地</a>
            <a href="javascript:;" class="index_tab_item">港台</a>
            <a href="javascript:;" class="index_tab_item">欧美</a>
            <a href="javascript:;" class="index_tab_item">韩国</a>
            <a href="javascript:;" class="index_tab_item">日本</a>
            <a href="javascript:;" class="index_tab_item">其他</a>
        </div>
        <div class="mod_playlist mod_slide swiper-container-album">
            <ul class="playlist swiper-wrapper">
                <li class="playlist_item swiper-slide">
                    <div class="playlist_item_box">
                        <div class="playlist_cover mod_cover">
                            <a href="javascript:;">
                                <img src="img/index_album/1.png" width="224px" height="224px" class="playlist_pic" alt="">
                                <i class="mod_cover_mask"></i>
                                <i class="mod_cover_icon_play"></i>
                            </a>
                        </div>
                        <h4 class="playlist_title">
                            <span class="playlist_title_txt">
                                <a href="javascript:;">夕阳醉了</a>
                            </span>
                        </h4>
                        <div class="playlist_author">
                            <a href="javascript:;">于文文</a>
                        </div>
                    </div>
                </li>
                <li class="playlist_item swiper-slide">
                    <div class="playlist_item_box">
                        <div class="playlist_cover mod_cover">
                            <a href="javascript:;">
                                <img src="img/index_album/2.png" width="224px" height="224px" class="playlist_pic" alt="">
                                <i class="mod_cover_mask"></i>
                                <i class="mod_cover_icon_play"></i>
                            </a>
                        </div>
                        <h4 class="playlist_title">
                            <span class="playlist_title_txt">
                                <a href="javascript:;">剑歌行</a>
                            </span>
                        </h4>
                        <div class="playlist_author">
                            <a href="javascript:;">毛不易</a>
                        </div>
                    </div>
                </li>
                <li class="playlist_item swiper-slide">
                    <div class="playlist_item_box">
                        <div class="playlist_cover mod_cover">
                            <a href="javascript:;">
                                <img src="img/index_album/3.png" width="224px" height="224px" class="playlist_pic" alt="">
                                <i class="mod_cover_mask"></i>
                                <i class="mod_cover_icon_play"></i>
                            </a>
                        </div>
                        <h4 class="playlist_title">
                            <span class="playlist_title_txt">
                                <a href="javascript:;">风月别</a>
                            </span>
                        </h4>
                        <div class="playlist_author">
                            <a href="javascript:;">河图</a>
                        </div>
                    </div>
                </li>
                <li class="playlist_item swiper-slide">
                    <div class="playlist_item_box">
                        <div class="playlist_cover mod_cover">
                            <a href="javascript:;">
                                <img src="img/index_album/4.png" width="224px" height="224px" class="playlist_pic" alt="">
                                <i class="mod_cover_mask"></i>
                                <i class="mod_cover_icon_play"></i>
                            </a>
                        </div>
                        <h4 class="playlist_title">
                            <span class="playlist_title_txt">
                                <a href="javascript:;">相忘以默</a>
                            </span>
                        </h4>
                        <div class="playlist_author">
                            <a href="javascript:;">墨谣</a>
                        </div>
                    </div>
                </li>
                <li class="playlist_item swiper-slide">
                    <div class="playlist_item_box">
                        <div class="playlist_cover mod_cover">
                            <a href="javascript:;">
                                <img src="img/index_album/5.png" width="224px" height="224px" class="playlist_pic" alt="">
                                <i class="mod_cover_mask"></i>
                                <i class="mod_cover_icon_play"></i>
                            </a>
                        </div>
                        <h4 class="playlist_title">
                            <span class="playlist_title_txt">
                                <a href="javascript:;">人质</a>
                            </span>
                        </h4>
                        <div class="playlist_author">
                            <a href="javascript:;">朱兴东</a>
                        </div>
                    </div>
                </li>
                <li class="playlist_item swiper-slide">
                    <div class="playlist_item_box">
                        <div class="playlist_cover mod_cover">
                            <a href="javascript:;">
                                <img src="img/index_album/6.png" width="224px" height="224px" class="playlist_pic" alt="">
                                <i class="mod_cover_mask"></i>
                                <i class="mod_cover_icon_play"></i>
                            </a>
                        </div>
                        <h4 class="playlist_title">
                            <span class="playlist_title_txt">
                                <a href="javascript:;">故人今安否</a>
                            </span>
                        </h4>
                        <div class="playlist_author">
                            <a href="javascript:;">只有影子</a>
                        </div>
                    </div>
                </li>
                <li class="playlist_item swiper-slide">
                    <div class="playlist_item_box">
                        <div class="playlist_cover mod_cover">
                            <a href="javascript:;">
                                <img src="img/index_album/7.png" width="224px" height="224px" class="playlist_pic" alt="">
                                <i class="mod_cover_mask"></i>
                                <i class="mod_cover_icon_play"></i>
                            </a>
                        </div>
                        <h4 class="playlist_title">
                            <span class="playlist_title_txt">
                                <a href="javascript:;">一直爱着你</a>
                            </span>
                        </h4>
                        <div class="playlist_author">
                            <a href="javascript:;">李晗</a>
                        </div>
                    </div>
                </li>
                <li class="playlist_item swiper-slide">
                    <div class="playlist_item_box">
                        <div class="playlist_cover mod_cover">
                            <a href="javascript:;">
                                <img src="img/index_album/8.png" width="224px" height="224px" class="playlist_pic" alt="">
                                <i class="mod_cover_mask"></i>
                                <i class="mod_cover_icon_play"></i>
                            </a>
                        </div>
                        <h4 class="playlist_title">
                            <span class="playlist_title_txt">
                                <a href="javascript:;">卜算子</a>
                            </span>
                        </h4>
                        <div class="playlist_author">
                            <a href="javascript:;">郭小萍</a>
                        </div>
                    </div>
                </li>
                <li class="playlist_item swiper-slide">
                    <div class="playlist_item_box">
                        <div class="playlist_cover mod_cover">
                            <a href="javascript:;">
                                <img src="img/index_album/9.png" width="224px" height="224px" class="playlist_pic" alt="">
                                <i class="mod_cover_mask"></i>
                                <i class="mod_cover_icon_play"></i>
                            </a>
                        </div>
                        <h4 class="playlist_title">
                            <span class="playlist_title_txt">
                                <a href="javascript:;">而立问</a>
                            </span>
                        </h4>
                        <div class="playlist_author">
                            <a href="javascript:;">阿悄</a>
                        </div>
                    </div>
                </li>
                <li class="playlist_item swiper-slide">
                    <div class="playlist_item_box">
                        <div class="playlist_cover mod_cover">
                            <a href="javascript:;">
                                <img src="img/index_album/10.png" width="224px" height="224px" class="playlist_pic" alt="">
                                <i class="mod_cover_mask"></i>
                                <i class="mod_cover_icon_play"></i>
                            </a>
                        </div>
                        <h4 class="playlist_title">
                            <span class="playlist_title_txt">
                                <a href="javascript:;">逆</a>
                            </span>
                        </h4>
                        <div class="playlist_author">
                            <a href="javascript:;">黄仁清</a>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
        <div class="slide_switch">
            <div class="swiper-pagination-a"></div>
        </div>
    </div>
    <div class="nav_btn">
        <div class="swiper-button-prev"></div>
        <div class="swiper-button-next"></div>
    </div>
</div>

<div class="mod_top">
    <div class="section_inner">
        <div class="toplist_header">
            <h2 class="toplist_title">
                <i class="icon_text"></i>
            </h2>
        </div>
        <a href="javascript:;" class="index_more js_more" data-type="toplist"> 更多
            <i class="icon_index_arrow sprite"></i>
        </a>
        <div class="mod_list">
            <ul class="toplist_list">
                <li class="toplist_item item1 mod_cover">
                    <div class="toplist_box">
                        <div class="toplist_bg">
                            <i class="mod_cover_icon_play js_play_toplist" data-stat="y_new.index.toplist.play.26" data-id="26" data-type="0" data-date="2020_31"></i>
                            <i class="toplist_line"></i>
                            <h3 class="toplist_hd">
                                <a href="https://y.qq.com/n/yqq/toplist/26.html#stat=y_new.index.toplist.detail.26" onclick="setStatCookie&amp;&amp;setStatCookie();" data-stat="y_new.index.toplist.detail.26" class="toplist_tit">热歌</a>
                            </h3>
                            <ul class="toplist_songlist">
                                <li class="toplist_song">
                                    <div class="toplist_number">1</div>
                                    <div class="toplist_songname">
                                        <a href="https://y.qq.com/n/yqq/song/105526949_num.html#stat=y_new.index.toplist.songname" onclick="setStatCookie&amp;&amp;setStatCookie();" class="js_song" data-id="105526949" data-stat="y_new.index.toplist.songname">爸爸妈妈</a>
                                    </div>
                                    <div class="toplist_artist">
                                        <a href="https://y.qq.com/n/yqq/singer/000aHmbL2aPXWH.html#stat=y_new.index.toplist.singername" onclick="setStatCookie&amp;&amp;setStatCookie();" data-stat="y_new.index.toplist.singername">李荣浩</a>
                                    </div>
                                </li>
                                <li class="toplist_song">
                                    <div class="toplist_number">2</div>
                                    <div class="toplist_songname">
                                        <a href="https://y.qq.com/n/yqq/song/105526949_num.html#stat=y_new.index.toplist.songname" onclick="setStatCookie&amp;&amp;setStatCookie();" class="js_song" data-id="105526949" data-stat="y_new.index.toplist.songname">마리아 (Maria)</a>
                                    </div>
                                    <div class="toplist_artist">
                                        <a href="https://y.qq.com/n/yqq/singer/000aHmbL2aPXWH.html#stat=y_new.index.toplist.singername" onclick="setStatCookie&amp;&amp;setStatCookie();" data-stat="y_new.index.toplist.singername">华莎 (화사)</a>
                                    </div>
                                </li>
                                <li class="toplist_song">
                                    <div class="toplist_number">3</div>
                                    <div class="toplist_songname">
                                        <a href="https://y.qq.com/n/yqq/song/105526949_num.html#stat=y_new.index.toplist.songname" onclick="setStatCookie&amp;&amp;setStatCookie();" class="js_song" data-id="105526949" data-stat="y_new.index.toplist.songname">飞鸟和蝉</a>
                                    </div>
                                    <div class="toplist_artist">
                                        <a href="https://y.qq.com/n/yqq/singer/000aHmbL2aPXWH.html#stat=y_new.index.toplist.singername" onclick="setStatCookie&amp;&amp;setStatCookie();" data-stat="y_new.index.toplist.singername">任然</a>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                </li>
                <li class="toplist_item item2 mod_cover">
                    <div class="toplist_box">
                        <div class="toplist_bg">
                            <i class="mod_cover_icon_play js_play_toplist" data-stat="y_new.index.toplist.play.26" data-id="26" data-type="0" data-date="2020_31"></i>
                            <i class="toplist_line"></i>
                            <h3 class="toplist_hd">
                                <a href="https://y.qq.com/n/yqq/toplist/26.html#stat=y_new.index.toplist.detail.26" onclick="setStatCookie&amp;&amp;setStatCookie();" data-stat="y_new.index.toplist.detail.26" class="toplist_tit">新歌</a>
                            </h3>
                            <ul class="toplist_songlist">
                                <li class="toplist_song">
                                    <div class="toplist_number">1</div>
                                    <div class="toplist_songname">
                                        <a href="https://y.qq.com/n/yqq/song/105526949_num.html#stat=y_new.index.toplist.songname" onclick="setStatCookie&amp;&amp;setStatCookie();" class="js_song" data-id="105526949" data-stat="y_new.index.toplist.songname">天外来物</a>
                                    </div>
                                    <div class="toplist_artist">
                                        <a href="https://y.qq.com/n/yqq/singer/000aHmbL2aPXWH.html#stat=y_new.index.toplist.singername" onclick="setStatCookie&amp;&amp;setStatCookie();" data-stat="y_new.index.toplist.singername">薛之谦</a>
                                    </div>
                                </li>
                                <li class="toplist_song">
                                    <div class="toplist_number">2</div>
                                    <div class="toplist_songname">
                                        <a href="https://y.qq.com/n/yqq/song/105526949_num.html#stat=y_new.index.toplist.songname" onclick="setStatCookie&amp;&amp;setStatCookie();" class="js_song" data-id="105526949" data-stat="y_new.index.toplist.songname">爱，存在</a>
                                    </div>
                                    <div class="toplist_artist">
                                        <a href="https://y.qq.com/n/yqq/singer/000aHmbL2aPXWH.html#stat=y_new.index.toplist.singername" onclick="setStatCookie&amp;&amp;setStatCookie();" data-stat="y_new.index.toplist.singername">林小珂</a>
                                    </div>
                                </li>
                                <li class="toplist_song">
                                    <div class="toplist_number">3</div>
                                    <div class="toplist_songname">
                                        <a href="https://y.qq.com/n/yqq/song/105526949_num.html#stat=y_new.index.toplist.songname" onclick="setStatCookie&amp;&amp;setStatCookie();" class="js_song" data-id="105526949" data-stat="y_new.index.toplist.songname">尘埃</a>
                                    </div>
                                    <div class="toplist_artist">
                                        <a href="https://y.qq.com/n/yqq/singer/000aHmbL2aPXWH.html#stat=y_new.index.toplist.singername" onclick="setStatCookie&amp;&amp;setStatCookie();" data-stat="y_new.index.toplist.singername">林小珂</a>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                </li>
                <li class="toplist_item item3 mod_cover">
                    <div class="toplist_box">
                        <div class="toplist_bg">
                            <i class="mod_cover_icon_play js_play_toplist" data-stat="y_new.index.toplist.play.26" data-id="26" data-type="0" data-date="2020_31"></i>
                            <i class="toplist_line"></i>
                            <h3 class="toplist_hd">
                                <a href="https://y.qq.com/n/yqq/toplist/26.html#stat=y_new.index.toplist.detail.26" onclick="setStatCookie&amp;&amp;setStatCookie();" data-stat="y_new.index.toplist.detail.26" class="toplist_tit">流行指数</a>
                            </h3>
                            <ul class="toplist_songlist">
                                <li class="toplist_song">
                                    <div class="toplist_number">1</div>
                                    <div class="toplist_songname">
                                        <a href="https://y.qq.com/n/yqq/song/105526949_num.html#stat=y_new.index.toplist.songname" onclick="setStatCookie&amp;&amp;setStatCookie();" class="js_song" data-id="105526949" data-stat="y_new.index.toplist.songname">你是人间四月天(live)</a>
                                    </div>
                                    <div class="toplist_artist">
                                        <a href="https://y.qq.com/n/yqq/singer/000aHmbL2aPXWH.html#stat=y_new.index.toplist.singername" onclick="setStatCookie&amp;&amp;setStatCookie();" data-stat="y_new.index.toplist.singername">邵帅</a>
                                    </div>
                                </li>
                                <li class="toplist_song">
                                    <div class="toplist_number">2</div>
                                    <div class="toplist_songname">
                                        <a href="https://y.qq.com/n/yqq/song/105526949_num.html#stat=y_new.index.toplist.songname" onclick="setStatCookie&amp;&amp;setStatCookie();" class="js_song" data-id="105526949" data-stat="y_new.index.toplist.songname">天外来物</a>
                                    </div>
                                    <div class="toplist_artist">
                                        <a href="https://y.qq.com/n/yqq/singer/000aHmbL2aPXWH.html#stat=y_new.index.toplist.singername" onclick="setStatCookie&amp;&amp;setStatCookie();" data-stat="y_new.index.toplist.singername">薛之谦</a>
                                    </div>
                                </li>
                                <li class="toplist_song">
                                    <div class="toplist_number">3</div>
                                    <div class="toplist_songname">
                                        <a href="https://y.qq.com/n/yqq/song/105526949_num.html#stat=y_new.index.toplist.songname" onclick="setStatCookie&amp;&amp;setStatCookie();" class="js_song" data-id="105526949" data-stat="y_new.index.toplist.songname">微光海洋</a>
                                    </div>
                                    <div class="toplist_artist">
                                        <a href="https://y.qq.com/n/yqq/singer/000aHmbL2aPXWH.html#stat=y_new.index.toplist.singername" onclick="setStatCookie&amp;&amp;setStatCookie();" data-stat="y_new.index.toplist.singername">周深</a>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                </li>
                <li class="toplist_item item4 mod_cover">
                    <div class="toplist_box">
                        <div class="toplist_bg">
                            <i class="mod_cover_icon_play js_play_toplist" data-stat="y_new.index.toplist.play.26" data-id="26" data-type="0" data-date="2020_31"></i>
                            <i class="toplist_line"></i>
                            <h3 class="toplist_hd">
                                <a href="https://y.qq.com/n/yqq/toplist/26.html#stat=y_new.index.toplist.detail.26" onclick="setStatCookie&amp;&amp;setStatCookie();" data-stat="y_new.index.toplist.detail.26" class="toplist_tit">欧美</a>
                            </h3>
                            <ul class="toplist_songlist">
                                <li class="toplist_song">
                                    <div class="toplist_number">1</div>
                                    <div class="toplist_songname">
                                        <a href="https://y.qq.com/n/yqq/song/105526949_num.html#stat=y_new.index.toplist.songname" onclick="setStatCookie&amp;&amp;setStatCookie();" class="js_song" data-id="105526949" data-stat="y_new.index.toplist.songname">the l(Explict)</a>
                                    </div>
                                    <div class="toplist_artist">
                                        <a href="https://y.qq.com/n/yqq/singer/000aHmbL2aPXWH.html#stat=y_new.index.toplist.singername" onclick="setStatCookie&amp;&amp;setStatCookie();" data-stat="y_new.index.toplist.singername">Taylor Swift</a>
                                    </div>
                                </li>
                                <li class="toplist_song">
                                    <div class="toplist_number">2</div>
                                    <div class="toplist_songname">
                                        <a href="https://y.qq.com/n/yqq/song/105526949_num.html#stat=y_new.index.toplist.songname" onclick="setStatCookie&amp;&amp;setStatCookie();" class="js_song" data-id="105526949" data-stat="y_new.index.toplist.songname">cardigan</a>
                                    </div>
                                    <div class="toplist_artist">
                                        <a href="https://y.qq.com/n/yqq/singer/000aHmbL2aPXWH.html#stat=y_new.index.toplist.singername" onclick="setStatCookie&amp;&amp;setStatCookie();" data-stat="y_new.index.toplist.singername">Taylor Swfit</a>
                                    </div>
                                </li>
                                <li class="toplist_song">
                                    <div class="toplist_number">3</div>
                                    <div class="toplist_songname">
                                        <a href="https://y.qq.com/n/yqq/song/105526949_num.html#stat=y_new.index.toplist.songname" onclick="setStatCookie&amp;&amp;setStatCookie();" class="js_song" data-id="105526949" data-stat="y_new.index.toplist.songname">Nobody`s love</a>
                                    </div>
                                    <div class="toplist_artist">
                                        <a href="https://y.qq.com/n/yqq/singer/000aHmbL2aPXWH.html#stat=y_new.index.toplist.singername" onclick="setStatCookie&amp;&amp;setStatCookie();" data-stat="y_new.index.toplist.singername">Maroon 5</a>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                </li>
                <li class="toplist_item item5 mod_cover">
                    <div class="toplist_box">
                        <div class="toplist_bg">
                            <i class="mod_cover_icon_play js_play_toplist" data-stat="y_new.index.toplist.play.26"></i>
                            <i class="toplist_line"></i>
                            <h3 class="toplist_hd">
                                <a href="https://y.qq.com/n/yqq/toplist/26.html#stat=y_new.index.toplist.detail.26" class="toplist_tit">韩国</a>
                            </h3>
                            <ul class="toplist_songlist">
                                <li class="toplist_song">
                                    <div class="toplist_number">1</div>
                                    <div class="toplist_songname">
                                        <a href="https://y.qq.com/n/yqq/song/105526949_num.html#stat=y_new.index.toplist.songname" class="js_song">마리아 (Maria)</a>
                                    </div>
                                    <div class="toplist_artist">
                                        <a href="https://y.qq.com/n/yqq/singer/000aHmbL2aPXWH.html#stat=y_new.index.toplist.singername">华莎 (화사)</a>
                                    </div>
                                </li>
                                <li class="toplist_song">
                                    <div class="toplist_number">2</div>
                                    <div class="toplist_songname">
                                        <a href="https://y.qq.com/n/yqq/song/105526949_num.html#stat=y_new.index.toplist.songname" class="js_song">What You Waiting For</a>
                                    </div>
                                    <div class="toplist_artist">
                                        <a href="https://y.qq.com/n/yqq/singer/000aHmbL2aPXWH.html#stat=y_new.index.toplist.singername">全昭弥 (전소미)</a>
                                    </div>
                                </li>
                                <li class="toplist_song">
                                    <div class="toplist_number">3</div>
                                    <div class="toplist_songname">
                                        <a href="https://y.qq.com/n/yqq/song/105526949_num.html#stat=y_new.index.toplist.songname"  class="js_song">홀로 (HOLO)</a>
                                    </div>
                                    <div class="toplist_artist">
                                        <a href="https://y.qq.com/n/yqq/singer/000aHmbL2aPXWH.html#stat=y_new.index.toplist.singername" >이하이 (LEE HI)</a>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
    </div>
</div>

<div class="mod_index mod_index_mv mod_bg">
    <div class="section_inner">
        <div class="index_hd">
            <h2 class="index_tit"><i class="icon_txt">MV</i></h2>
        </div>
        <div class="mod_index_tab">
            <a href="javascript:;" class="index_tab_item current">精选</a>
            <a href="javascript:;" class="index_tab_item">内地</a>
            <a href="javascript:;" class="index_tab_item">港台</a>
            <a href="javascript:;" class="index_tab_item">欧美</a>
            <a href="javascript:;" class="index_tab_item">韩国</a>
            <a href="javascript:;" class="index_tab_item">日本</a>
        </div>
        <div class="mod_mv mod_slide">
            <ul class="mv_list">
                <li class="mv_list_item">
                    <div class="mv_list_item_box">
                        <a href="javascript:;" class="mv_list_cover mod_cover">
                            <img src="img/index_mv/1.png" width="224px" height="126px" class="mv_list_pic" alt="">
                            <i class="mod_cover_icon_play"></i>
                        </a>
                        <h3 class="mv_list_title">
                            <a href="javascript:;">无滤镜（feat.藤原浩）</a>
                        </h3>
                        <p class="mv_list_singer">
                            <a href="javascript:;">林俊杰</a>
                        </p>
                        <div class="mv_list_info">
                            <span class="mv_list_listen">
                                <i class="mv_list_listen_icon sprite"></i>13.5万
                            </span>
                            <p></p>
                        </div>
                    </div>
                </li>
                <li class="mv_list_item">
                    <div class="mv_list_item_box">
                        <a href="javascript:;" class="mv_list_cover mod_cover">
                            <img src="img/index_mv/2.png" width="224px" height="126px" class="mv_list_pic" alt="">
                            <i class="mod_cover_icon_play"></i>
                        </a>
                        <h3 class="mv_list_title">
                            <a href="javascript:;">微光海洋</a>
                        </h3>
                        <p class="mv_list_singer">
                            <a href="javascript:;">周深</a>
                        </p>
                        <div class="mv_list_info">
                            <span class="mv_list_listen">
                                <i class="mv_list_listen_icon sprite"></i>6万
                            </span>
                            <p></p>
                        </div>
                    </div>
                </li>
                <li class="mv_list_item">
                    <div class="mv_list_item_box">
                        <a href="javascript:;" class="mv_list_cover mod_cover">
                            <img src="img/index_mv/3.png" width="224px" height="126px" class="mv_list_pic" alt="">
                            <i class="mod_cover_icon_play"></i>
                        </a>
                        <h3 class="mv_list_title">
                            <a href="javascript:;">剑歌行《剑侠情缘2：剑歌行》</a>
                        </h3>
                        <p class="mv_list_singer">
                            <a href="javascript:;">毛不易</a>
                        </p>
                        <div class="mv_list_info">
                            <span class="mv_list_listen">
                                <i class="mv_list_listen_icon sprite"></i>1.5万
                            </span>
                            <p></p>
                        </div>
                    </div>
                </li>
                <li class="mv_list_item">
                    <div class="mv_list_item_box">
                        <a href="javascript:;" class="mv_list_cover mod_cover">
                            <img src="img/index_mv/4.png" width="224px" height="126px" class="mv_list_pic" alt="">
                            <i class="mod_cover_icon_play"></i>
                        </a>
                        <h3 class="mv_list_title">
                            <a href="javascript:;">好妹妹十周年弹唱系列之《月》</a>
                        </h3>
                        <p class="mv_list_singer">
                            <a href="javascript:;">好妹妹</a>
                        </p>
                        <div class="mv_list_info">
                            <span class="mv_list_listen">
                                <i class="mv_list_listen_icon sprite"></i>2255
                            </span>
                            <p></p>
                        </div>
                    </div>
                </li>
                <li class="mv_list_item">
                    <div class="mv_list_item_box">
                        <a href="javascript:;" class="mv_list_cover mod_cover">
                            <img src="img/index_mv/5.png" width="224px" height="126px" class="mv_list_pic" alt="">
                            <i class="mod_cover_icon_play"></i>
                        </a>
                        <h3 class="mv_list_title">
                            <a href="javascript:;">《困兽》概念短片</a>
                        </h3>
                        <p class="mv_list_singer">
                            <a href="javascript:;">范丞丞</a>
                        </p>
                        <div class="mv_list_info">
                            <span class="mv_list_listen">
                                <i class="mv_list_listen_icon sprite"></i>1.7万
                            </span>
                            <p></p>
                        </div>
                    </div>
                </li>
                <li class="mv_list_item">
                    <div class="mv_list_item_box">
                        <a href="javascript:;" class="mv_list_cover mod_cover">
                            <img src="img/index_mv/6.png" width="224px" height="126px" class="mv_list_pic" alt="">
                            <i class="mod_cover_icon_play"></i>
                        </a>
                        <h3 class="mv_list_title">
                            <a href="javascript:;">爱已死</a>
                        </h3>
                        <p class="mv_list_singer">
                            <a href="javascript:;">J.Sheon</a>
                        </p>
                        <div class="mv_list_info">
                            <span class="mv_list_listen">
                                <i class="mv_list_listen_icon sprite"></i>537
                            </span>
                            <p></p>
                        </div>
                    </div>
                </li>
                <li class="mv_list_item">
                    <div class="mv_list_item_box">
                        <a href="javascript:;" class="mv_list_cover mod_cover">
                            <img src="img/index_mv/7.png" width="224px" height="126px" class="mv_list_pic" alt="">
                            <i class="mod_cover_icon_play"></i>
                        </a>
                        <h3 class="mv_list_title">
                            <a href="javascript:;">The Old Wine</a>
                        </h3>
                        <p class="mv_list_singer">
                            <a href="javascript:;">艾福杰尼</a>
                        </p>
                        <div class="mv_list_info">
                            <span class="mv_list_listen">
                                <i class="mv_list_listen_icon sprite"></i>3.4万
                            </span>
                            <p></p>
                        </div>
                    </div>
                </li>
                <li class="mv_list_item">
                    <div class="mv_list_item_box">
                        <a href="javascript:;" class="mv_list_cover mod_cover">
                            <img src="img/index_mv/8.png" width="224px" height="126px" class="mv_list_pic" alt="">
                            <i class="mod_cover_icon_play"></i>
                        </a>
                        <h3 class="mv_list_title">
                            <a href="javascript:;">荣耀你我</a>
                        </h3>
                        <p class="mv_list_singer">
                            <a href="javascript:;">Gemini</a>
                        </p>
                        <div class="mv_list_info">
                            <span class="mv_list_listen">
                                <i class="mv_list_listen_icon sprite"></i>1万
                            </span>
                            <p></p>
                        </div>
                    </div>
                </li>
                <li class="mv_list_item">
                    <div class="mv_list_item_box">
                        <a href="javascript:;" class="mv_list_cover mod_cover">
                            <img src="img/index_mv/9.png" width="224px" height="126px" class="mv_list_pic" alt="">
                            <i class="mod_cover_icon_play"></i>
                        </a>
                        <h3 class="mv_list_title">
                            <a href="javascript:;">平凡的样子</a>
                        </h3>
                        <p class="mv_list_singer">
                            <a href="javascript:;">韩磊</a>
                        </p>
                        <div class="mv_list_info">
                            <span class="mv_list_listen">
                                <i class="mv_list_listen_icon sprite"></i>2682
                            </span>
                            <p></p>
                        </div>
                    </div>
                </li>
                <li class="mv_list_item">
                    <div class="mv_list_item_box">
                        <a href="javascript:;" class="mv_list_cover mod_cover">
                            <img src="img/index_mv/10.png" width="224px" height="126px" class="mv_list_pic" alt="">
                            <i class="mod_cover_icon_play"></i>
                        </a>
                        <h3 class="mv_list_title">
                            <a href="javascript:;">第二顺位</a>
                        </h3>
                        <p class="mv_list_singer">
                            <a href="javascript:;">潘玮柏</a>
                        </p>
                        <div class="mv_list_info">
                            <span class="mv_list_listen">
                                <i class="mv_list_listen_icon sprite"></i>7.1万
                            </span>
                            <p></p>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
    </div>
</div>

<div class="footer">
    <div class="section_inner">
        <div class="footer_info">
            <div class="footer_download">
                <h3 class="footer_tit">下载QQ音乐客户端</h3>
                <ul class="footer_download_list">
                    <li class="footer_download_list_item">
                        <a href="javascript:;" class="js_footer_down">
                            <i class="icon_qm_pc"></i>PC版
                        </a>
                    </li>
                    <li class="footer_download_list_item">
                        <a href="javascript:;" class="js_footer_down">
                            <i class="icon_qm_mac"></i>Mac版
                        </a>
                    </li>
                    <li class="footer_download_list_item">
                        <a href="javascript:;" class="js_footer_down">
                            <i class="icon_qm_android"></i>Android版
                        </a>
                    </li>
                    <li class="footer_download_list_item">
                        <a href="javascript:;" class="js_footer_down">
                            <i class="icon_qm_iphone"></i>iPhone版
                        </a>
                    </li>
                </ul>
            </div>
            <div class="footer_product">
                <h3 class="footer_tit">特色产品</h3>
                <ul class="footer_product_list">
                    <li class="footer_product_list_item footer_product_list_item_pic"><a href="javascript:;"><i class="icon_qm_kg"></i>全民K歌</a></li>
                    <li class="footer_product_list_item footer_product_list_item_pic"><a href="javascript:;"><i class="icon_qm_ss"></i>Super Sound</a></li>
                    <li class="footer_product_list_item footer_product_list_item_pic"><a href="javascript:;"><i class="icon_qm_qp"></i>QPlay</a></li>
                    <li class="footer_product_list_item footer_product_list_item_pic"><a href="javascript:;"><i class="icon_qm_fan"></i>Fan直播伴侣</a></li>
                    <li class="footer_product_list_item"><a href="javascript:;">车载互联</a></li>
                    <li class="footer_product_list_item"><a href="javascript:;">QQ演出</a></li>
                </ul>
            </div>
            <div class="footer_group">
                <h3 class="footer_tit">TME集团官网</h3>
                <ul class="footer_group_list">
                    <li class="footer_platform_list_item"><a href="javascript:;"  class="js_other_link">腾讯音乐</a></li>
                </ul>
            </div>
            <div class="footer_link">
                <h3 class="footer_tit">合作链接</h3>
                <ul class="footer_link_list">
                    <li class="footer_link_list_item">
                        <a href="javascript:;" class="js_other_link">CJ ENM</a>
                    </li>
                    <li class="footer_link_list_item">
                        <a href="javascript:;" class="js_other_link">腾讯视频</a>
                    </li>
                    <li class="footer_link_list_item">
                        <a href="javascript:;" class="js_other_link">手机QQ空间</a>
                    </li>
                    <li class="footer_link_list_item">
                        <a href="javascript:;" class="js_other_link">最新版QQ</a>
                    </li>
                    <li class="footer_link_list_item">
                        <a href="javascript:;" class="js_other_link">腾讯社交广告</a>
                    </li>
                    <li class="footer_link_list_item">
                        <a href="javascript:;" class="js_other_link">电脑管家</a>
                    </li>
                    <li class="footer_link_list_item">
                        <a href="javascript:;" class="js_other_link">QQ浏览器</a>
                    </li>
                    <li class="footer_link_list_item">
                        <a href="javascript:;" class="js_other_link">腾讯微云</a>
                    </li>
                    <li class="footer_link_list_item">
                        <a href="javascript:;" class="js_other_link">腾讯云</a>
                    </li>
                    <li class="footer_link_list_item">
                        <a href="javascript:;" class="js_other_link">企鹅FM</a>
                    </li>
                    <li class="footer_link_list_item">
                        <a href="javascript:;" class="js_other_link">智能电视网</a>
                    </li>
                    <li class="footer_link_list_item">
                        <a href="javascript:;" class="js_other_link">当贝市场</a>
                    </li>
                </ul>
            </div>
            <div class="footer_platform">
                <h3 class="footer_tit">开放平台</h3>
                <ul class="footer_platform_list">
                    <li class="footer_platform_list_item">
                        <a href="javascript:;" class="js_other_link">QQ音乐开放平台</a>
                    </li>
                    <li class="footer_platform_list_item">
                        <a href="javascript:;" class="js_other_link">腾讯音乐人</a>
                    </li>
                </ul>
            </div>
        </div>
        <div class="footer_copyright">
            <p>
                <a href="http://www.tencent.com/" target="_blank" title="关于腾讯">关于腾讯</a> |
                <a href="http://www.tencent.com/index_e.shtml" target="_blank" title="About Tencent">About Tencent</a> |
                <a href="http://www.qq.com/contract.shtml" target="_blank" title="服务条款">服务条款</a> |
                <a href="http://y.qq.com/y/static/tips/service_tips.html" target="_blank" title="用户服务协议">用户服务协议</a> |
                <a href="https://y.qq.com/m/client/intro/privacy.html" target="_blank" title="隐私政策">隐私政策</a> |
                <a href="https://y.qq.com/vip/right_declare/index.html" target="_blank" title="权利声明">权利声明</a> |
                <a href="http://www.tencentmind.com/" target="_blank" title="广告服务">广告服务</a> |
                <a href="http://hr.tencent.com/" target="_blank" title="腾讯招聘">腾讯招聘</a> |
                <a href="http://service.qq.com/" target="_blank" title="客服中心">客服中心</a> |
                <a href="http://www.qq.com/map/" target="_blank" title="网站导航">网站导航</a>
            </p>
            <p>
                Copyright © 1998 - <script type="text/javascript">document.write(new Date().getFullYear());</script>2020 Tencent. <a target="_blank" href="javascript:;">All Rights Reserved.</a>
            </p>
            <p>腾讯公司 <a target="_blank" href="javascript:;">版权所有</a> <a target="_blank" href="javascript:;">腾讯网络文化经营许可证</a>
            </p>
        </div>
    </div>
</div>

<a href="javascript:;" class="btn_bottom_top sprite_before js_btn_top" id="btn" style=" ">
    <span class="icon_txt">返回顶部</span>
</a>
<a href="javascript:;" class="btn_bottom_feedback js_btn_feedback">反馈</a>
<a href="javascript:;" class="btn_bottom_player sprite_before js_openplayer"><span class="icon_txt">播放器</span>
</a>
<script src="js/swiper-bundle.js"></script>
<script src="js/swiper.js"></script>
<script src="js/index.js"></script>
</body>
</html>